<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>确认订单</title>
    <link rel="stylesheet" href="../../static/css/common/adaptor.css">
    <link rel="stylesheet" href="../../static/css/common/common.css">
    <link rel="stylesheet" href="../../static/css/me/sureOrder.css">
</head>

<body>
    <div class="layout">
        <div class="header"><span>确认订单</span>
            <div class="backArrow"></div>
        </div>
        <div class="orderDetail">
            <!-- <div class="address clearfix">
                <div class="leftIcon"></div>
                <div class="center">
                    <div class="nameAndPhone clearfix">
                        <div class="name">收货人：毛润之</div>
                        <div class="phone">18316022317</div>
                    </div>
                    <div class="logisticsMsg">收货地址：<span>广东省 广州市 天河区 新塘街道 木北村祥龙乡4号康济大药房</span></div>
                </div>
                <div class="rightIcon"></div>
            </div>
            <div class="productMsg">
                <div class="productItem clearfix">
                    <div class="productPic"><img src="http://media.pusai.net/content/20170816/-9082426204099299731.jpg" alt=""></div>
                    <div class="productText">
                        <div class="productName">核动力消毒柜</div>
                        <div class="productSize">颜色：屎黄色 规格：36nm 形态：变形金刚</div>
                        <div class="price">￥ 9300.00</div>
                        <div class="dcn">
                            <span class="diamond">钻石：5300.00</span>
                            <sapn class="cash">现金：4000.00</s>
                        </div>
                    </div>
                    <div class="productNum">x1</div>
                </div>
                <div class="productItem clearfix">
                    <div class="productPic"><img src="http://media.pusai.net/content/20170905/-8724753781239387614.jpg" alt=""></div>
                    <div class="productText">
                        <div class="productName">核动力消毒柜</div>
                        <div class="productSize">颜色：屎黄色 规格：36nm 形态：变形金刚</div>
                        <div class="price">￥ 9300.00</div>
                        <div class="dcn">
                            <span class="diamond">钻石：5300.00</span>
                            <s class="cash">现金：4000.00</s>
                        </div>
                    </div>
                    <div class="productNum">x1</div>
                </div>
            </div>
            <div class="payType">
                <div class="diamond clearfix">
                    <div class="diamondPro">钻石余额：1393.52</div>
                    <div class="selBtn"></div>
                </div>
                <div class="coin clearfix">
                    <div class="coinPro">金币余额：￥1393.52</div>
                    <div class="selBtn"></div>
                </div>
                <div class="red clearfix">
                    <div class="redPro">红包余额：￥1393.52</div>
                    <div class="selBtn"></div>
                </div>
                <div class="sendWay clearfix">
                    <div class="text">配送方式</div>
                    <div class="way">快递配送</div>
                </div>
                <div class="buyMsg">
                    <div class="title">买家留言</div>
                    <input placeholder="选填：对本次交易的说明(45字)">
                </div>
            </div>
            <div class="costDetail">
                <div class="total clearfix">
                    <div class="text">商品总额</div>
                    <div class="money">￥8930.00</div>
                </div>
                <div class="total clearfix">
                    <div class="text">钻石支付</div>
                    <div class="money">8930.00</div>
                </div>
                <div class="total clearfix">
                    <div class="text">现金支付</div>
                    <div class="money">￥8930.00</div>
                </div>
                <div class="total clearfix">
                    <div class="text">红包抵扣</div>
                    <div class="money">-￥8930.00</div>
                </div>
                <div class="total clearfix">
                    <div class="text">邮费</div>
                    <div class="money">+￥8930.00</div>
                </div>
                <div class="footBtn">
                    <div class="left">微信支付：<span>￥1776.00</span></div>
                    <div class="right">提交订单</div>
                </div>
            </div> -->
        </div>
    </div>
    <script type="text/template" id="orderDetail">
        {{if sureOrderDetail.address}}
        <div class="address clearfix" data-addressId="{{sureOrderDetail.address.id}}">
            <div class="leftIcon"></div>
            <div class="center">
                <div class="nameAndPhone clearfix">
                    <div class="name">收货人：{{sureOrderDetail.address.contact}}</div>
                    <div class="phone">{{sureOrderDetail.address.mobile}}</div>
                </div>
                <div class="logisticsMsg">收货地址：<span>{{sureOrderDetail.address.address}}</span></div>
            </div>
            <div class="rightIcon"></div>
        </div>
        {{/if}}
        {{if !sureOrderDetail.address}}
        <div class="address clearfix">
            <div class="leftIcon"></div>
            <div class="center">
                <div class="nameAndPhone clearfix">
                    <div class="name">收货人：<span class="catchName"></span></div>
                    <div class="phone"></div>
                </div>
                <div class="logisticsMsg">收货地址：<span class="catchAddress"></span></div>
            </div>
            <div class="rightIcon"></div>
        </div>
        {{/if}}
        <div class="productMsg">
            {{each sureOrderDetail.pList as item index}}
            <div class="productItem clearfix">
                <div class="productPic"><img src="{{item.img}}" alt=""></div>
                <div class="productText">
                    <div class="productName">{{item.productName}}</div>
                    <div class="productSize">{{item.sku}}</div>
                    <div class="price">￥ {{item.price}}</div>
                    <div class="dcn">
                        <span class="diamond">钻石：{{item.diamond}}</span>
                        <span class="cash">现金：{{item.cash}}</span>
                    </div>
                </div>
                <div class="productNum">x{{item.count}}</div>
            </div>
            {{/each}}
        </div>
        <div class="payType">
            <div class="diamond clearfix">
                {{if sureOrderDetail.diamond>=sureOrderDetail.totalDiamond}}
                <div class="diamondPro">钻石余额：￥<span class="diamondL">{{sureOrderDetail.diamond.toFixed(2)}}</span></div>
                <div class="selBtn diamondBtn" payType=2>
                    <img src="../../static/img/btn_off@3x.png" alt="">
                </div>
                {{/if}}
                {{if sureOrderDetail.diamond<sureOrderDetail.totalDiamond}}
                <div class="diamondPro">钻石余额：￥{{sureOrderDetail.diamond.toFixed(2)}}</div>
                <div class="selBtn diamondBtn" payType=1 noMoreDiamond=0>
                    <img src="../../static/img/btn_UN@3x.png" alt="">
                </div>
                {{/if}}
            </div>
            <div class="coin clearfix">
                <div class="coinPro">金币余额：￥<span class="coinL">{{sureOrderDetail.gold.toFixed(2)}}</span></div>
                <div class="selBtn goldBtn" goldStatus=0><img src="../../static/img/btn_UN@3x.png" alt=""></div>
            </div>
            <div class="red clearfix">
                <div class="redPro">红包余额：￥<span class="redL">{{sureOrderDetail.hongbao.toFixed(2)}}</span></div>
                <div class="selBtn redPayBtn" redPayStatus=0><img src="../../static/img/btn_UN@3x.png" alt=""></div>
            </div>
            <div class="sendWay clearfix">
                <div class="text">配送方式</div>
                <div class="way">快递配送</div>
            </div>
            <div class="buyMsg">
                <div class="title">买家留言</div>
                <input placeholder="选填：对本次交易的说明(45字)">
            </div>
        </div>
        <div class="costDetail">
            <div class="total clearfix">
                <div class="text">商品总额</div>
                <div class="money">￥{{sureOrderDetail.totalPrice.toFixed(2)}}</div>
            </div>
            <div class="total clearfix">
                <div class="text">钻石支付</div>
                {{if sureOrderDetail.diamond>=sureOrderDetail.totalDiamond}}
                <div class="money">￥<span class="diamondPay">{{sureOrderDetail.totalDiamond.toFixed(2)}}</span></div>
                {{/if}}
                {{if sureOrderDetail.diamond<sureOrderDetail.totalDiamond}}
                <div class="money">￥<span class="diamondPay">0.00</span></div>
                {{/if}}
            </div>
            <div class="total clearfix">
                <div class="text">现金支付</div>
                {{if sureOrderDetail.diamond>=sureOrderDetail.totalDiamond}}
                <div class="money">￥<span class="cashPay">{{sureOrderDetail.totalCash.toFixed(2)}}</span></div>
                {{/if}}
                {{if sureOrderDetail.diamond<sureOrderDetail.totalDiamond}}
                <div class="money">￥<span class="cashPay">{{sureOrderDetail.totalPrice.toFixed(2)}}</span></div>
                {{/if}}
            </div>
            <div class="total clearfix">
                <div class="text">金币抵扣</div>
                <div class="money">￥<span class="coinPayD">0.00</span></div>
            </div>
            <div class="total clearfix">
                <div class="text">红包抵扣</div>
                <div class="money">￥<span class="redPayD">0.00</span></div>
            </div>
            <div class="total clearfix">
                <div class="text">邮费</div>
                <div class="money">免邮费</div>
            </div>
            <div class="footBtn">
                <div class="left">微信支付：
                    {{if sureOrderDetail.diamond>=sureOrderDetail.totalDiamond}}
                    <span>￥<span class="wxPay">{{sureOrderDetail.totalCash.toFixed(2)}}</span></span>
                    {{/if}}
                    {{if sureOrderDetail.diamond<sureOrderDetail.totalDiamond}}
                    <span>￥<span class="wxPay">{{sureOrderDetail.totalPrice.toFixed(2)}}</span></span>
                    {{/if}}
                </div>
                <div class="right">提交订单</div>
            </div>
        </div>
    </script>
    <script src="../../static/assets/jquery/jquery.min.js"></script>
    <script src="../../static/assets/art-template/template.js"></script>
    <script src="../../static/js/config/config.js"></script>
    <script src="../../static/js/config/tools.js"></script>
    <script src="../../static/js/me/sureOrder.js"></script>
</body>

</html>